 #{extends 'main.html' /}
	<!--@samar Nassar  this page shows all the model answer and the score he got  -->
#{ifnot exercises}
<p>
<font size="4" face="arial" color="#FF6600"><b>Sorry this exercise doesn't have a model answer so your score is Zero</b>
</p>
#{/ifnot}
<body>
	<form>

		<h1>
			<font size="4" face="arial" color="DarkBlue"><b>ALL Model
					Answers</b>
		</h1>


		#{list items:modelAnswers, as:'modelAn'}

		<li>
			<h2>${modelAn}</h2>
		</li> #{/list}
		
		<form>

		<h1>
			<font size="4" face="arial" color="#FF6600"><b>ALL Comments</b>
		</h1>


		#{list items:comment, as:'comm'}

		<li>
			<h2>${comm}</h2>
		</li> #{/list}
		</td>
	</form>
		
		
		
	</form>
		
	<li>
		<h2>
			<font size=4 face="arial" color="DarkBlue"> Here is your Score
				${score} out of ${totalScore} 
		</h2>
	</li>
	
	<a href="/Exercises/showScores?id=${id}" value="${id}"> compare
		your score</a>
	</br>

	<!-- Start Aya Alaa -->
	<a href="@{Exercises.viewRank(id)}">view rank</a>
	</br>
	<a href="@{Application.viewProfile()}">Back to Profile Page</a>
	
	</form>

	</body>
	
	